<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="../extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../extjs/ext-lang-zh_CN.js"></script>

<script>
	Ext.onReady(function() {
		Ext.BLANK_IMAGE_URL = "extjs/resources/images/default/s.gif";
		Ext.QuickTips.init();
		windowst.show();
	});
	var fielmenu = new Ext.menu.Menu({
		items : [ {
			text : '载入单币别账款',
			load : function() {
				
			}
		} ],

	})
	var fielmenu2 = new Ext.menu.Menu({
		items : [ {
			text : '以下冲款'
		}, {
			text : '以下空白'
		} ],
	//afronction();
	})

	var grids = Ext.create('Ext.grid.Panel', {
		listeners : {
			containerdblclick : function(grid, e, eOpts) { //单击事件
				grid.getStore().add({
					'name' : '12',
					'dizhi' : '',
					'bianma' : '',
					'lianxi' : ''
				});
			}

		},
		plugins : [ Ext.create('Ext.grid.plugin.CellEditing', {
			clicksToEdit : 1
		}) ],
		columns : [ {
			header : '（栏号）',
			xtype : 'rownumberer',
			dataIndex : 'lh',
			width : 50,
			sortable : false
		}, {
			header : '物料编号',
			dataIndex : 'name',
			width : 100,
		}, {
			header : '物料名称',
			dataIndex : 'dizhi',
			width : 120,
			editor : {
				xtype : 'textfield',
				listeners : {
					focus : function(grid, e, eOpts) {
						windows2.show();
					}
				}
			}
		}, {
			header : '规格型号',
			dataIndex : 'bianma'
		}, {
			header : '单位名称',
			dataIndex : 'lianxi'
		}, {
			header : '数量',
			dataIndex : 'lianxi'
		}, {
			header : '折扣前单价',
			dataIndex : 'lianxi'
		}, {
			header : '折数(%)',
			dataIndex : 'lianxi'
		}, {
			header : '单价',
			dataIndex : 'lianxi'
		}, {
			header : '金额',
			dataIndex : 'lianxi'
		}, {
			header : '税率',
			dataIndex : 'lianxi'
		}, {
			header : '税额',
			dataIndex : 'lianxi'
		}, {
			header : '含税金额',
			dataIndex : 'lianxi'
		}, {
			header : '批号',
			dataIndex : 'lianxi'
		}, {
			header : '物理组合',
			dataIndex : 'lianxi'
		}, {
			header : '赠品',
			dataIndex : 'lianxi'
		}, {
			header : '分录备注',
			dataIndex : 'lianxi'
		}, {
			header : '来源单别',
			dataIndex : 'lianxi'
		}, {
			header : '来源单号',
			dataIndex : 'lianxi'
		}, {
			header : '客户订单',
			dataIndex : 'lianxi'
		} ],
		bodyPadding : 0,
		height : 130,
		width : 1984,
		autoScroll : false,

	})
var grid2 = Ext.create('Ext.grid.Panel', {
		listeners : {
			containerdblclick : function(grid, e, eOpts) { //单击事件
				grid.getStore().add({
					'name' : '12',
					'dizhi' : '',
					'bianma' : '',
					'lianxi' : ''
				});
			}

		},
		plugins : [ Ext.create('Ext.grid.plugin.CellEditing', {
			clicksToEdit : 1
		}) ],
		columns : [ {
			header : '（栏号）',
			xtype : 'rownumberer',
			dataIndex : 'lh',
			width : 50,
			sortable : false
		}, {
			header : '预收余额',
			dataIndex : 'name',
			width : 100,
		}, {
			header : '来源别',
			dataIndex : 'dizhi',
			width : 120,
			editor : {
				xtype : 'textfield',
				listeners : {
					focus : function(grid, e, eOpts) {
						windows2.show();
					}
				}
			}
		}, {
			header : '来源单号',
			dataIndex : 'bianma'
		}, {
			header : '摘要',
			dataIndex : 'lianxi'
		}],
		bodyPadding : 0,
		height : 130,
		width : 1984,
		autoScroll : false,

	})
	var filterPanel = Ext.create('Ext.panel.Panel', {
		bodyPadding : 0, // 避免Panel中的子元素紧邻边框
		width : 1985,
		height : 170,
		items : [ grids ],
		bbar : [ {
			xtype : "label",
			text : '总计:',
			width : 90
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 180',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 40 0 30',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 0 0 0',
			value : '0.00'
		} ],
	});
	var filterPane2 = Ext.create('Ext.panel.Panel', {
		bodyPadding : 0, // 避免Panel中的子元素紧邻边框
		width : 1985,
		height : 170,
		items : [ grid2 ],
		bbar : [ {
			xtype : "label",
			text : '总计:',
			width : 90
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 180',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 40 0 30',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 0 0 0',
			value : '0.00'
		} ],
	});
	var tableds = Ext.create('Ext.TabPanel', {
		width : "100%",
		height : 215,
		autoScroll : false,
		bodyPadding : 0,
		items : [ {
			title : '内容',
			autoScroll : true,
			items : [ filterPanel ]
		},{
			title : '备注',
			xtype : 'textarea',
			name : 'Remark',
			fieldLabel : '备注',
			labelWidth : 30,
		},{
			title : '预收',
			autoScroll : true,
			items : [ filterPane2 ]
		}  ],
	});

	var formsg = Ext.create('Ext.form.Panel', {
		bodyPadding : 5,
		height : '100%',
		layout : 'column',
		baseCls : 'x-plain',
		items : [ {
			id:'deptFrom',
			style : 'text-color:bule',
			xtype : 'textfield',
			name : 'deptFrom',
			fieldLabel : '所属部门',
			width : 250,
			labelWidth : 80,
			emptyText : '',
			anchor : '100%',
		}, {
			id:'makerSign',
			style : 'margin-left:9px',
			xtype : 'textfield',
			name : 'makerSign',
			fieldLabel : '制单人员',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
		}, {
			id:'projectName',
			style : '',
			xtype : 'textfield',
			name : 'projectName',
			fieldLabel : '所属项目',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
		}, {
			id:'permitterSign',
			style : 'margin-left:9px',
			xtype : 'textfield',
			name : 'permitterSign',
			fieldLabel : '审核人员',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
		} ]
	})

	//表生
	var forms = Ext.create('Ext.form.Panel', {
		bodyPadding : 5,
		height : '100%',
		layout : "column",
		baseCls : 'x-plain',
		items : [ {
			id : 'customerID',
			style : 'text-color:bule',
			xtype : 'textfield',
			name : 'customerID',
			fieldLabel : '客户',
			width : 250,
			labelWidth : 80,
			emptyText : '请填客户',
			anchor : '100%',
		}, {
			id:'depositsDate',
			style : 'margin-left:9px;color:bule',
			xtype : 'datefield',
			name : 'depositsDate',
			fieldLabel : '单据日期',
			width : 250,
			labelWidth : 70,
			anchor : '100%',
		}, {
			id:'cash',
			style : '',
			xtype : 'textfield',
			name : 'cash',
			fieldLabel : '结算方式一',
			width : 170,
			labelWidth : 80,
			anchor : '100%',
		}, {
			id:'currentBalance',
			style : '',
			xtype : 'textfield',
			name : 'currentBalance',
			width : 80,
			labelWidth : 80,
			anchor : '100%',
		}, {
			id:'depositsID',
			style : 'margin-left:9px;color:bule',
			xtype : 'textfield',
			name : 'depositsID',
			fieldLabel : '单据号码',
			width : 250,
			labelWidth : 70,
			anchor : '100%',
		}, {
			id:'visastyleid',
			style : '',
			xtype : 'textfield',
			name : 'visastyleid',
			fieldLabel : '结算方式二',
			width : 170,
			labelWidth : 80,
			anchor : '100%',
		}, {
			style : '',
			xtype : 'textfield',
			name : '',
			width : 80,
			labelWidth : 80,
			anchor : '100%',
		},  {
			id:'otherpaystyleid',
			style : '',
			xtype : 'textfield',
			name : 'otherpaystyleid',
			fieldLabel : '结算方式三',
			width : 170,
			labelWidth : 80,
			anchor : '100%',
		}, {
			style : '',
			xtype : 'textfield',
			name : '',
			width : 80,
			labelWidth : 80,
			anchor : '100%',
		}, {
			id:'discountPer',
			style : 'margin-left:9px',
			xtype : 'textfield',
			name : 'discountPer',
			fieldLabel :'折扣率',
			width : 250,
			labelWidth : 70,
			anchor : '100%',
		},{
         	fieldLabel: '付款方式',
			xtype:'combo',
         	name: 'IncludeRate',
         	displayField: 'name',
			labelWidth:80,
			width:250,
			valueField: 'abbr',
			store: Ext.create('Ext.data.Store', {
				fields: ['abbr', 'name'],
				data : [
					{"abbr":"预收", "name":"预收"},
					{"abbr":"冲款", "name":"冲款"}
					
			   ]
			}),
			value: '预收',
			typeAhead: true,
			mode: 'local',
			triggerAction: 'all',
			selectOnFocus:true,
			
     	},
	{
            xtype: "checkboxfield",
            name: "swim",
            fieldLabel: "",
            boxLabel: "是否要进行预收冲应收"
        },  tableds, formsg ]

	});

	//winform窗口
	var windowst = new Ext.Window({
		width : 570,
		height : 490,
		title : "预收款单",
		closable : true,
		resizable : false, //设置是否可以改变大小
		draggable : true,
		anchor : '100%',
		items : [ forms ],
		listeners : {
			activate : function() {
				
				findAll();
			}
		},
		bbar : [ {
			xtype : "splitbutton",
			text : '功能',
			width : 90,
			menu : fielmenu
		}, {
			xtype : "splitbutton",
			text : '自动计算',
			width : 90,
			menu : fielmenu2
		} ],
	});

	var windows2 = new Ext.Window({
		width : 400,
		height : 300,
		title : "物料选择",
		closable : true,
		resizable : false, //设置是否可以改变大小
		draggable : true,
		closeAction : "hide",
	});

	function findAll() {
		//var song=Ext.encode(forms.getForm().getValues());
		Ext.Ajax.request({
			//被用来向服务器发起请求默认的url  
			url : "/zqyufupagesize",
			//请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串  
			params : [ {} ],
			//请求时使用的默认的http方法  
			method : "post",
			//请求成功时回调函数  
			success : function(data) {
			 var pp=Ext.JSON.decode(data.responseText)
			alert(pp.customerID);
			
				Ext.getCmp('customerID').setValue(pp.customerID);
				Ext.getCmp('depositsDate').setValue(pp.depositsDate);
				Ext.getCmp('cash').setValue(pp.cash);
				
				Ext.getCmp('depositsID').setValue(pp.depositsID);
		
				Ext.getCmp('discountPer').setValue(pp.discountPer);
				Ext.getCmp('currentBalance').setValue(pp.currentBalance);
				Ext.getCmp('permitterSign').setValue(pp.permitterSign);
				Ext.getCmp('deptFrom').setValue(pp.deptFrom);
				Ext.getCmp('makerSign').setValue(pp.makerSign);
				Ext.getCmp('projectName').setValue(pp.projectName);
				Ext.getCmp('permitterSign').setValue(pp.permitterSign);
				Ext.ux.Toast.msg("信息提示", "成功删除所选记录！");
				 
				        newsStore.load({  
				            url: pp,  
				            params: {  
				                start: 0,  
				                limit: 20  
				  
				            }  
				  
				        });  
				     	
			
			
			
			
			},
			//请求失败时回调函数  
			failure : function() {
				Ext.ux.Toast.msg("信息提示", "信息删除出错，请联系管理员!");
			}
		});
	}
</script>
</head>
<body>

</body>
</html>